1、将html层级结构，抽象成树形结构
2、使用DOM节点对象来完成对页面元素的访问和操作过程
3、访问过程，得到DOM节点对象
document.getElementById("id属性值");
document.getElementsByName("标签名");//集合
document.getElementsByClassName("class属性值");//集合

node.children//集合 node.parentNode node.previousElementSibling
node.firstElementChild

4、DOM元素的属性

node.innerHTML 获取或者设置DOM节点中的html代码
node.innerText 获取或者设置DOM节点中的文本内容

node.getAttribute("属性名") //获取特定属性
node.setAttribute("属性名", "属性值") 设置特定属性属性值
node.hasAttribure("属性名");
node.removeAttribute("属性名");